﻿<!DOCTYPE HTML>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
    <script type="text/javascript" src="{{ URL::asset('/') }}homes/js/jquery.js"></script>
<script id="allmobilize" charset="utf-8" src="{{ URL::asset('/') }}homes/js/allmobilize.min.js"></script>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate" media="handheld"  />
<!-- end 云适配 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>前端开发全国-职位搜索-拉勾网-最专业的互联网招聘平台</title>
<meta property="qc:admins" content="23635710066417756375" />
<meta content="前端开发招聘  全国地区招聘 紫色医疗招聘前端开发,月薪:10k-20k,要求:本科及以上学历,3-5年工作经验。职位诱惑：借移动医疗大势享受坐直升飞机的职场发展 公司规模:15-50人移动互联网 ,健康医疗类公司招聘信息汇总  最新最热门互联网行业招聘信息，尽在拉勾网" name="description">
<meta content="前端开发招聘,全国地区前端开发招聘,紫色医疗招聘前端开发,移动互联网 类公司招聘信息汇总,健康医疗类公司招聘信息汇总,拉勾招聘,拉勾网,互联网招聘" name="keywords">
<meta name="baidu-site-verification" content="QIQ6KC1oZ6" />

<script type="text/javascript">
var ctx = "h";
console.log(1);
</script>
<link rel="Shortcut Icon" href="http://www.lagou.com/h/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="{{ URL::asset('/') }}homes/css/style.css"/>
<link rel="stylesheet" type="text/css" href="{{ URL::asset('/') }}homes/css/external.min.css"/>
<link rel="stylesheet" type="text/css" href="{{ URL::asset('/') }}homes/css/popup.css"/>
<script src="{{ URL::asset('/') }}homes/js/jquery.1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{{ URL::asset('/') }}homes/js/jquery.lib.min.js"></script>
<script src="{{ URL::asset('/') }}homes/js/ajaxfileupload.js" type="text/javascript"></script>
<script type="text/javascript" src="{{ URL::asset('/') }}homes/style/js/additional-methods.js"></script>
    <script type="text/javascript" src="{{ URL::asset('/') }}homes/js/excanvas.js"></script>
<script type="text/javascript">
var youdao_conv_id = 271546; 
</script> 
<script type="text/javascript" src="{{ URL::asset('/') }}homes/js/conv.js"></script>
    <script type="text/javascript" src="style/js/search.min.js"></script>
</head>
<body>
<div id="body">

	<div id="header">
    	<div class="wrapper">
    		<a href="index" class="logo">
    			<img src="homes/images/logo.png" width="229" height="43" alt="牙行招聘-专注互联网招聘" />
    		</a>
    		<ul class="reset" id="navheader">
    			<li ><a href="index">首页</a></li>
    			<li ><a href="toForum" target="_blank">论坛</a></li>
    			<li ><a href="jianli" rel="nofollow">我的简历</a></li>
	    		<li ><a href="create" rel="nofollow">发布职位</a></li>
	    	</ul>
        	<ul class="loginTop">
            	<li><a href="login" rel="nofollow">登录</a></li>
            	<li>|</li>
            	<li><a href="register" rel="nofollow">注册</a></li>
            </ul>
        </div>
    </div>

    <div id="container">

       	<div class="sidebar">
       		<div id="options" class="greybg">
	            <dl >
	                   	<dt>月薪范围 <em ></em></dt>
	                   	<?php foreach($pay as $ke=>$va){ ?>
						<dd >
	                    	<div><a href="javascript:void(0);" onclick="pay_dj({{$va->pay_id}})">{{$va->pay_name}}</a></div>
		                </dd> 
		                <?php }?>
	                </dl>
                <dl >
                   	<dt>工作经验 <em ></em></dt>
	                	<?php foreach($suffer as $ke=>$va){ ?>
					<dd >
					<div><a href="javascript:void(0);" onclick="suffer_dj({{$va->suffer_id}})">{{$va->suffer_name}}</a></div>
	                </dd> 
	                <?php }?>
                </dl>
                <dl >
                   	<dt>最低学历 <em ></em></dt>
	                	<?php foreach($background as $ke=>$va){ ?>
					<dd >
					<div><a href="javascript:void(0);" onclick="background_dj({{$va->background_id}})">{{$va->background_name}}</a></div>
	                </dd> 
	                <?php }?>
                </dl>
            </div>
            <!-- QQ群 -->
	    	<div class="qq_group">
            	加入<span>前端</span>QQ群
            	<div class="f18">跟同行聊聊</div>
            	<p>160541839</p>
	        </div>
            <!-- 对外合作广告位  -->
     	    <a href="http://www.w3cplus.com/" target="_blank" class="partnersAd"><img src="homes/style/images/w3cplus.png" width="230" height="80" alt="w3cplus" /></a>
            <a href="" target="_blank" class="partnersAd"><img src="homes/style/images/jquery_school.jpg" width="230" height="80" alt="JQ学校" /></a>
            <a href="http://linux.cn/" target="_blank" class="partnersAd"><img src="homes/style/images/linuxcn.png" width="230" height="80" alt="Linux中文社区"  /> </a>
        	<a href="http://zt.zhubajie.com/zt/makesite? utm_source=lagou.com&utm_medium=referral&utm_campaign=BD-yl" target="_blank" class="partnersAd"><img src="homes/style/images/zhubajie.jpg" width="230" height="80" alt="猪八戒" /></a>
        	<a href="http://www.imooc.com" target="_blank" class="partnersAd"><img src="homes/style/images/muke.jpg" width="230" height="80" alt="幕课网" /></a>    	    
        </div>
        
		<div class="content">
			<div id="search_box">
		        <form name="searchForm" action="search" method="get">
                    <ul id="searchType">
                        <li data-searchtype="1" class="type_selected">搜索</li>
                    </ul>
		            <input type="text" id="search_input" value="{{$search_input}}" name = "search_input"  tabindex="1" value=""  placeholder="请输入职位名称 ， 公司名称"  />
		            <input type="submit" id="search_button" value="搜索" />
		        </form>
		</div>

<style>
.ui-autocomplete{width:488px;background:#fafafa !important;position: relative;z-index:10;border: 2px solid #91cebe;}
.ui-autocomplete-category{font-size:16px;color:#999;width:50px;position: absolute;z-index:11; right: 0px;/*top: 6px; */text-align:center;border-top: 1px dashed #e5e5e5;padding:5px 0;}
.ui-menu-item{ *width:439px;vertical-align: middle;position: relative;margin: 0px;margin-right: 50px !important;background:#fff;border-right: 1px dashed #ededed;}
.ui-menu-item a{display:block;overflow:hidden;}
</style>


            <dl class="hotSearch">
                <dt>热门搜索：</dt>
                @foreach($hot_search as $key=>$val)
                    <dd><a href="search?search_input={{$val->sea_name}}">{{$val->sea_name}}</a></dd>
                @endforeach
            </dl>

            <div class="breakline"></div>

            <dl class="workplace" id="workplaceSelect">
            <div class='city'>


                <dt class="fl">工作地点：</dt>

					<?php foreach($search2 as $key=>$val){ ?>
	               	    <dd >
	                		<a href="javascript:void(0);" onclick="search_dj({{$val->city_id}})">{{$val->city_name}}</a>|
	                	</dd>
					<?php }?>
			</div>
            </dl>

            <div id="tip_didi" class="dn">
            	<span>亲，“嘀嘀打车”已更名为“滴滴打车”了哦，我们已帮您自动跳转~</span>
            	<a href="javascript:;">我知道了</a>
            </div>

			<script>
			//城市
			function search_dj(city_id)
			{
				//alert(id);
				var url="{{URL('home/city_se')}}";
				var data={'city_id':city_id};
				$.get(url,data,function(msg){
					// alert(msg);
					 $(".zhu_search").html(msg);
				});
			}

			//薪资
			function pay_dj(pay_id)
			{
				//alert(id);
				var url="{{URL('home/pay_se')}}";
				var data={'pay_id':pay_id};
				$.get(url,data,function(msg){
					 // alert(msg);
					 $(".zhu_search").html(msg);
				});
			}


			function suffer_dj(suffer_id)
			{
				//alert(id);
				var url="{{URL('home/suffer_se')}}";
				var data={'suffer_id':suffer_id};
				$.get(url,data,function(msg){
					 // alert(msg);
					 $(".zhu_search").html(msg);
				});
			}


			function background_dj(background_id)
			{
				//alert(id);
				var url="{{URL('home/background_se')}}";
				var data={'background_id':background_id};
				$.get(url,data,function(msg){
					// alert(msg);
					 $(".zhu_search").html(msg);
				});
			}
			</script>

            <div class="zhu_search">
                <ul class="hot_pos reset">
                    <?php foreach($search as $k=>$v){ ?>
                        @if(($k+1)%2==1)
                            <li class="clearfix">

                            <div class="hot_pos_l">
                                <div class="mb10">
                                    <a href="jobdetail?message_id={{$v->message_id}}" title="前端开发" target="_blank"><?php echo $v->position_name?></a>
                                    &nbsp;
                                    <span class="c7">{{$v->city_name}}</span>
                                </div>
                                <span><em class="c7">月薪：</em>{{ $v->pay_name}}</span>
                                <span><em class="c7">经验：</em>{{ $v->suffer_name}}</span>
                                <span><em class="c7">最低学历： </em>{{ $v->background_name}}</span>
                                <br />
                                <span><em class="c7">职位诱惑：</em>{{ $v->position_lure}}</span>
                                <br />

                            </div>

                            <div class="hot_pos_r">
                                <div class="mb10"><a href="jobdetail?message_id={{$v->message_id}}" title="紫色医疗" target="_blank">{{ $v->enterprise_name}}</a></div>
                                <span><em class="c7">领域： </em>{{ $v->enterprise_type_name}}</span>
                                <span><em class="c7">创始人：</em> Lu</span>
                                <br />
                                <span><em class="c7">阶段： </em>成长型(A轮)</span>
                                <span><em class="c7">规模： </em>15-50人</span>
                                <ul class="companyTags reset">
                                    <li>移动互联网</li>
                                    <li>五险一金</li>
                                    <li>扁平管理</li>
                                </ul>
                            </div>

                        </li>
                        @else
                            <li class="odd clearfix">

                                <div class="hot_pos_l">
                                    <div class="mb10">
                                        <a href="jobdetail?message_id={{$v->message_id}}" title="前端开发" target="_blank"><?php echo $v->position_name?></a>
                                        &nbsp;
                                        <span class="c7">{{$v->city_name}}</span>
                                    </div>
                                    <span><em class="c7">月薪：</em>{{ $v->pay_name}}</span>
                                    <span><em class="c7">经验：</em>{{ $v->suffer_name}}</span>
                                    <span><em class="c7">最低学历： </em>{{ $v->background_name}}</span>
                                    <br />
                                    <span><em class="c7">职位诱惑：</em>{{ $v->position_lure}}</span>
                                    <br />

                                </div>

                                <div class="hot_pos_r">
                                    <div class="mb10"><a href="jobdetail?message_id={{$v->message_id}}" title="紫色医疗" target="_blank">{{ $v->enterprise_name}}</a></div>
                                    <span><em class="c7">领域： </em>{{ $v->enterprise_type_name}}</span>
                                    <span><em class="c7">创始人：</em> Lu</span>
                                    <br />
                                    <span><em class="c7">阶段： </em>成长型(A轮)</span>
                                    <span><em class="c7">规模： </em>15-50人</span>
                                    <ul class="companyTags reset">
                                        <li>移动互联网</li>
                                        <li>五险一金</li>
                                        <li>扁平管理</li>
                                    </ul>
                                </div>

                            </li>
                        @endif
                    <?php }?>
                </ul>
            </div>

<script>
$(function(){
	/***************************
 	 * 分页
 	 */
 	 	$('.Pagination').pager({
		      currPage: 1,
		      pageNOName: "pn",
		      form: "searchForm",
		      pageCount: 30,
		      pageSize:  5 
		});
		
	$(".workplace dd").not('.more').children('a').click(function(){
		$('#lc').val(1);
		editForm("cityInput" , $(this).html());
	});
	
	$("#box_expectCity dd span").click(function(){
		$('#lc').val(1);
		editForm("cityInput" , $(this).html());
	});
	
	$('#options dd div').click(function(){
		var firstName = $(this).parents('dl').children('dt').text();
		var fn = $.trim(firstName);
		if (fn=="月薪范围"){
			editForm("yxInput" , $(this).html());
		}
		else if(fn=="工作经验"){
			editForm("gjInput" , $(this).html());
		}
		else if(fn=="最低学历"){
			editForm("xlInput" , $(this).html());
		}
		else if(fn=="工作性质"){
			editForm("gxInput" , $(this).html());
		}
		else if(fn=="发布时间"){
			editForm("stInput" , $(this).html());
		}
	});
	
	$('#selected ul').delegate('li span.select_remove','click',function(event){
		var firstName = $(this).parent('li').find('strong').text();
		var fn = $.trim(firstName);
		if (fn=="月薪范围")
			editForm("yxInput" , "");
		else if(fn=="工作经验")
			editForm("gjInput" , "");
		else if(fn=="最低学历")
			editForm("xlInput" , "");
		else if(fn=="工作性质")
			editForm("gxInput" , "");
		else if(fn=="发布时间")
			editForm("stInput" , "");
	});
	
	/* search结果飘绿	*/
	(function($) {
		var searchVal = $('#search_input').val();
		var reg = /\s/g;     
		searchVal = searchVal.replace(reg, "").split(""); 
		
		var resultL = '';
		var resultR = '';
		$('.hot_pos li').each(function(){
			resultL = $('.hot_pos_l a',this).text().split("");
			$.each(resultL,function(i,v){
				if($.inArray(v.toLowerCase(),searchVal) != -1 || $.inArray(v.toUpperCase(),searchVal) != -1){
					resultL[i] = '<span>'+ v +'</span>';
				}
			});
			$('.hot_pos_l a',this).html(resultL.join(''));
			
			resultR = $('.hot_pos_r .mb10 a',this).text().split("");
			$.each(resultR,function(i,v){
				if($.inArray(v.toLowerCase(),searchVal) != -1 || $.inArray(v.toUpperCase(),searchVal) != -1){
					resultR[i] = '<span>'+ v +'</span>';
				}
			});
			$('.hot_pos_r .mb10 a',this).html(resultR.join(''));
		});
		
	})(jQuery);
	
	//didi tip
   	if($.cookie('didiTip') != 1 && false){
		$('#tip_didi').show();
	}
	$('#tip_didi a').click(function(){
		$(this).parent().remove();
		$.cookie('didiTip',1,{ expires: 30, path: '/'});
	});
	
});

function editForm(inputId,inputValue){
	$("#"+inputId).val(inputValue);
	var keyword = $.trim($('#search_input').val());
	var reg =  /[`~!@\$%\^\&\*\(\)_<>\?:"\{\},\\\/;'\[\]]/ig;
	var re = /#/g;
	var r = /\./g;
	var kw = keyword.replace(reg," ");

	if(kw == ''){
		$('#searchForm').attr('action','list.html所有职位').submit();	
	}else{
		kw = kw.replace(re,'井');
		kw = kw.replace(r,'。');
		$('#searchForm').attr('action','list.html'+kw).submit();
	}
	//$("#searchForm").submit();
}
</script>

			<div class="clear"></div>
			<input type="hidden" id="resubmitToken" value="" />
	    	<a id="backtop" title="回到顶部" rel="nofollow"></a>
	    </div><!-- end #container -->
	</div><!-- end #body -->
	<div id="footer">
		<div class="wrapper">
			<a href="http://www.lagou.com/about.html" target="_blank" rel="nofollow">联系我们</a>
		    <a href="http://youke.jkzx003.com" target="_blank">互联网公司导航</a>
		    <a href="http://e.weibo.com/lagou720" target="_blank" rel="nofollow">牙行微博</a>
		    <a class="footer_qr" href="javascript:void(0)" rel="nofollow">牙行微信<i></i></a>
			<div class="copyright">&copy;2013-2014 Lagou <a target="_blank" href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">京ICP备14023790号-2</a></div>
		</div>
	</div>

<script type="text/javascript" src="homes/js/core.min.js"></script>
<script type="text/javascript" src="homes/js/popup.min.js"></script>

</body>
</html>